<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head th:include="first::header"></head>
<body>

<div class="container">
    <div class="row">
        <div class="col-md-12 text-center">
            <ul class="menu">
                <!--<li class="active"><a href="indexPage.html"></a></li>-->
                <!-- 						<li><a href="index2.html">Style 2</a></li>
                                        <li><a href="index3.html">Style 3</a></li> -->
            </ul>
        </div>
    </div>
    <!--<div class="copyrights"> <a href="http://www.cssmoban.com/"></a></div>-->
    <div class="row">
        <div class="col-md-4 col-md-offset-4">

            <!-- Start Sign In Form -->
            <form th:action="@{/user/login}" class="fh5co-form animate-box" data-animate-effect="fadeIn"
                  th:method="post">
                <h2>Sign In</h2>
                <div class="thumbnail"><img src="../static/css/hat.svg"/></div>
                <div class="form-group" style="color: red;text-align: center">
                    [[${loginMessage}]]
                </div>
                <div class="form-group">
                    <label for="username" class="sr-only">Username</label>
                    <input type="text" class="form-control" id="username" name="username" placeholder="学号"
                           autocomplete="off"/>
                </div>
                <div class="form-group">
                    <label for="password" class="sr-only">Password</label>
                    <input type="password" class="form-control" id="password" name="password" placeholder="密码"
                           autocomplete="off"/>
                </div>
                <div class="form-group">
                    <label for="role" class="sr-only">Role</label>
                    <select class="form-control" name="role" autocomplete="off" id="role">
                        <option value="0">学生</option>
                        <option value="1">教师</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="remember"><input type="checkbox" id="remember"> Remember Me</label>
                </div>
                <div class="form-group">
                    <p>Not registered? <a href="register.html" th:href="@{/page/register}">Sign Up</a> | <a
                            th:href="@{/page/forgot}">Forgot Password?</a></p>
                </div>
                <div class="form-group">
                    <button type="submit" value="Sign In" class="btn btn-primary" id="login">Sign In</button>
                </div>
            </form>
            <!-- END Sign In Form -->

        </div>
    </div>
    <div th:include="first::footer">
    </div>
</div>
</body>
</html>

